<template>
    <div style="margin-top: 85px">
        <div class="home-carousel">
            <el-carousel height="600px" trigger="click">
                <el-carousel-item v-for="item in homeCarousel" :key="item">
                    <el-image :src="item" style="height: 600px"></el-image>
                </el-carousel-item>
            </el-carousel>
        </div>

        <div style="margin-top: 50px">
            <h1 style="color: #474747">公司简介</h1>
            <div style="width: 70vw; text-align: left; margin: 0 auto; font-size: 14px; color: #5D5D5D; letter-spacing: 4px">
                <span>
                    <p>轻云信息技术有限公司是一家集技术人才培养与软件服务的技术企业。</p>
                    <p>公司将以惠州为起点，在不断培养有价值的人才，解决人员就业的同时，也为各大企业提供实干型技术性人才，同时让各行业需要软件服务的人群，提供更优惠甚至免费的软件开发服务。</p>
                    <p>以独特的远见发现未来信息时代的变化与发展需求，用正确的战略性决策引领着公司的前进方向，以前沿新颖的创新方式打破传统思维，认真对待并严格执行每一件事，充分调动积极性。</p>
                    <p>随着智能化时代的逐步成熟，未来轻云信息技术有限公司将成为时代智能化的加工基地</p>
                </span>
            </div>
        </div>

        <div style="margin-top: 100px; margin-bottom: 100px">
            <h1 style="color: #474747">办公环境</h1>
            <div style="width: 70vw; text-align: left; margin: 0 auto; font-size: 14px; ">
                <ul class="office-env-ul">
                    <li v-for="item in officeEnv" :key="item">
                        <el-image :src="item" ></el-image>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "home",
        data(){
            return {
                homeCarousel: [
                    require("assets/img/home.png"),
                    require("assets/img/teach_home.png"),
                ],
                officeEnv: [
                    require("assets/img/officeEnv/002.png"),
                    require("assets/img/officeEnv/003.png"),
                    require("assets/img/officeEnv/001.png"),
                ],
            }
        }
    }
</script>

<style lang="less" scoped>

    .home-carousel{
        width: 100vw;
        height: 600px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .office-env-ul{
        display: table;
        table-layout: fixed;
        width: 100%;
        li{
            display: table-cell;
            list-style-type: none;
        }
    }
</style>
